<template>
  <div class="page">
    <CommonList :requestUrl="requestUrl" :columns="columns" :queryFormItems="queryFormItems">
      <template v-slot:time>
        <el-table-column prop="type" label="出生日期" align="center">
          <template #default="{ row }"> {{ row.start_date }}~ {{ row.end_date }} </template>
        </el-table-column>
      </template>
    </CommonList>
  </div>
</template>
<script lang="ts" setup>
import CommonList from '@/components/CommonList.vue'

const requestUrl = 'constellationList'

const columns = [
  { prop: 'title', label: '星座' },
  { prop: 'time', label: '出生日期', slot: 'time' }
]
const queryFormItems = [{ prop: 'title', label: '星座' }]
</script>
